<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		.box{
			margin: 100px auto;
			width: 300px;
			height: 300px;
			padding-top: calc( 300px * .3);
			border-radius:0 0 999px 999px;
			overflow: hidden;
			position: relative;
			border-top: none;
			text-align: center;
		}
		.box::after{
			content: "";
			position: absolute;
			box-sizing: border-box;
			width: 300px;
			height: 300px;
			border-radius:50%;
			border: 5px solid red;
			border-top-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
			bottom: 0px;
			left: 0;
			z-index: 1;
			box-sizing: border-box;
		}
		.box::before{
			content: "";
			position: absolute;
			box-sizing: border-box;
			width: 300px;
			height: 300px;
			border-radius:50%;
			border: 5px solid red;
			border-bottom-color: transparent;
			border-bottom-color: transparent;
			border-bottom-color: transparent;
			bottom: 0;
			left: 0;
			z-index: -1;
		}
		.img{
			width: 250px;
			height: 250px;
			transition:transform .3s ;
			position: absolute;
			bottom:0;
			left:50%;
			transform: translateX(-50%);
			transform-origin: bottom;

		}
		.box:hover .img{
			transform: translateX(-50%) scale(1.3);
		}
	</style>
</head>

<body>
	<div class="box">
		<svg class="img" t="1680152652063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
			p-id="3480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
			<path
				d="M443.846967 695.331318h133.068797l29.816952 92.688124 81.954022 12.778694v46.85521s-60.656199 29.816952-175.664443 35.098812a284.36853 284.36853 0 0 1-194.917673-72.412597l105.466818-19.08285z"
				fill="#FFECE3" p-id="3481"></path>
			<path
				d="M232.2318 837.771156c-42.595646 49.751714-51.114775 167.486078-51.114774 167.486078h655.972941s9.88219-103.59261-46.85521-158.966949a185.376249 185.376249 0 0 0-104.955671-43.277176 254.210813 254.210813 0 0 1-162.715366 55.37434 339.061338 339.061338 0 0 1-190.658109-52.13707 97.62922 97.62922 0 0 0-99.673811 31.520777z"
				fill="#5BF499" p-id="3482"></path>
			<path
				d="M758.373214 352.691945a56.907782 56.907782 0 0 0-17.038258 2.555739V264.093002h-85.191292l-34.076516-36.29149-32.031925 35.780343-297.317606-2.896504v94.39195a57.41893 57.41893 0 1 0-1.022296 103.933375v30.839248s23.512796 212.978228 227.971895 212.978227c161.863453 0 223.71233-200.199534 223.712331-200.199534v-37.484168a56.907782 56.907782 0 0 0 17.038258 2.555739 57.41893 57.41893 0 0 0 0-115.008243z"
				fill="#FFECE3" p-id="3483"></path>
			<path
				d="M685.279086 525.289501m-46.85521 0a46.85521 46.85521 0 1 0 93.71042 0 46.85521 46.85521 0 1 0-93.71042 0Z"
				fill="#EC7094" p-id="3484"></path>
			<path
				d="M338.720914 525.289501m-46.85521 0a46.85521 46.85521 0 1 0 93.71042 0 46.85521 46.85521 0 1 0-93.71042 0Z"
				fill="#EC7094" p-id="3485"></path>
			<path
				d="M235.128304 340.765164l47.877506-8.519129 2.214973-60.656199h299.191814l36.29149-54.352044 42.595646 59.633904h64.915764l19.253231 55.374339 39.358377 8.519129 25.557387-96.947689 39.358377-1.022295s-12.778694-131.024206-95.755011-170.382583-144.825195-8.519129-144.825195-8.519129-146.869786-86.213587-264.093002-35.098812-170.382582 199.177238-170.382583 199.177239l38.336081 19.253232z"
				fill="#6C9DFF" p-id="3486"></path>
			<path
				d="M507.740435 519.666875c46.85521 0 115.008243-25.557387 132.046502-4.259564s-23.342414 92.688125-111.770974 92.688125-170.382582-40.210289-148.062464-88.428561c9.541425-21.297823 127.786937 0 127.786936 0z"
				fill="#EC7094" p-id="3487"></path>
			<path
				d="M597.191291 838.623069l-11.24525 2.555739a8.519129 8.519129 0 0 0 1.703825 17.038258h1.703826l11.926781-2.726121a8.519129 8.519129 0 1 0-3.918799-17.038258zM609.118072 404.999398a8.519129 8.519129 0 0 0-11.926781-1.192678l-34.076516 27.601978a8.519129 8.519129 0 0 0 3.237269 14.823285l43.788323 10.904485h2.044591a8.519129 8.519129 0 0 0 2.044591-17.038258l-27.261213-6.815304 20.786675-17.038258a8.519129 8.519129 0 0 0 1.363061-11.24525zM403.466295 451.002695a8.519129 8.519129 0 0 0 8.348747 6.474538h2.044591l43.788323-10.904485a8.519129 8.519129 0 0 0 3.237269-14.823285l-34.076516-27.942743a8.519129 8.519129 0 1 0-10.734103 13.289841l20.786675 17.038258-27.261213 6.815303a8.519129 8.519129 0 0 0-6.133773 10.052573zM390.346836 380.293923a12.949076 12.949076 0 0 0 10.393338-5.111477 46.514445 46.514445 0 0 1 24.705474-14.141755 46.514445 46.514445 0 0 1 28.624274 0 12.778694 12.778694 0 0 0 10.56372-23.342413 70.538389 70.538389 0 0 0-45.832914-1.363061 69.856859 69.856859 0 0 0-38.847229 24.194327 12.778694 12.778694 0 0 0 10.56372 19.934762zM570.10046 360.870309a46.003297 46.003297 0 0 1 28.453892 0 47.195975 47.195975 0 0 1 24.875857 14.312137 12.778694 12.778694 0 0 0 20.786675-14.823285 79.398283 79.398283 0 0 0-85.191291-22.660883 12.778694 12.778694 0 0 0-6.133773 17.038258 12.949076 12.949076 0 0 0 17.20864 6.133773zM637.912728 502.458235c-12.778694-6.985686-34.076516-3.237269-56.567017 0l-19.76438 3.066886a414.881587 414.881587 0 0 1-49.751714 3.748417 413.007379 413.007379 0 0 1-49.751714-3.748417l-19.764379-3.066886c-22.490501-3.918799-43.788324-7.496834-56.567017 0a34.076516 34.076516 0 0 0-17.038259 40.721437c9.200659 36.121107 65.256529 75.138719 143.291752 75.309101 77.524075 0 133.579944-38.336081 142.950986-75.309101a34.076516 34.076516 0 0 0-17.038258-40.721437z m1.022296 36.461872c-6.304156 25.04624-51.114775 62.189642-126.594259 62.530408-75.820249 0-120.460486-37.313785-126.764641-62.360025a17.038258 17.038258 0 0 1 9.20066-21.468206 24.194327 24.194327 0 0 1 11.074867-1.874208 231.038781 231.038781 0 0 1 34.076517 4.259565l20.957057 3.066886a431.749463 431.749463 0 0 0 51.114775 3.918799 433.623671 433.623671 0 0 0 51.114775-3.918799l20.275527-3.237269a102.229549 102.229549 0 0 1 45.492149-2.385356 17.038258 17.038258 0 0 1 10.052573 21.638588z"
				fill="#4C4497" p-id="3488"></path>
			<path
				d="M877.300256 242.454414c-1.533443-6.133773-37.824933-150.788585-129.32038-194.747291A170.382582 170.382582 0 0 0 614.229549 40.551055c-23.853561-17.038258-94.903098-55.715104-224.053095-34.076517C194.747632 39.187994 149.425865 235.639111 148.914718 238.535615a17.038258 17.038258 0 0 0 15.504814 20.616292l38.506464 2.385357a478.775056 478.775056 0 0 0 17.038258 81.954022 87.406265 87.406265 0 0 0 49.751714 153.344323 243.306327 243.306327 0 0 0 157.092741 204.459099l-12.267546 59.122756a27.261213 27.261213 0 0 1-23.853561 21.638588l-77.524075 8.007981a156.070445 156.070445 0 0 0-139.20257 136.306066l-10.222955 78.716753a17.038258 17.038258 0 0 0 15.16405 17.208641h2.214974a17.038258 17.038258 0 0 0 17.038258-14.823285l10.222955-78.716753a122.164311 122.164311 0 0 1 108.87447-106.148349l19.423614-2.044591A346.047024 346.047024 0 0 0 512 865.543517c11.926781 0 23.853561 0 35.439577-1.533443a8.519129 8.519129 0 0 0 7.667216-9.20066 8.689512 8.689512 0 0 0-9.200659-7.667216c-11.074868 1.022295-22.490501 1.533443-34.076517 1.533443A341.617077 341.617077 0 0 1 366.663657 817.836394l28.113127-2.896504A61.167347 61.167347 0 0 0 448.447297 766.721619l11.586015-56.226252a238.535615 238.535615 0 0 0 103.933376 0l11.586015 56.226252a61.167347 61.167347 0 0 0 53.840896 48.559036l27.772361 2.896504a284.36853 284.36853 0 0 1-27.601978 11.586016 8.519129 8.519129 0 0 0 2.896504 17.038258 8.519129 8.519129 0 0 0 2.896503 0 287.605799 287.605799 0 0 0 52.307453-24.535092l19.423615 2.044591a122.164311 122.164311 0 0 1 108.874469 106.148349l10.222955 78.716753a17.038258 17.038258 0 0 0 17.038259 14.823284h2.214973a17.038258 17.038258 0 0 0 14.652902-19.082849l-10.222955-78.716753a156.070445 156.070445 0 0 0-139.202569-136.306065l-77.524075-8.007982a27.261213 27.261213 0 0 1-23.853562-21.638588L597.191291 700.10203a243.306327 243.306327 0 0 0 157.092741-204.459099A87.406265 87.406265 0 0 0 801.65039 340.765164c2.726121-8.007981 8.689512-25.387005 14.312136-45.321767 3.918799-13.800989 7.156068-27.261213 9.541425-37.143403l32.883838 4.429948a17.038258 17.038258 0 0 0 18.742084-20.957058zM223.712671 408.918197a54.011279 54.011279 0 0 1 45.321767-53.159366v25.898153l-25.898153 14.141754a8.519129 8.519129 0 0 0 8.178364 14.993667l17.038259-9.711807v61.167347A54.011279 54.011279 0 0 1 223.712671 408.918197z m497.005992 63.552703a208.889046 208.889046 0 0 1-417.778091 0V286.413121h281.983173a17.038258 17.038258 0 0 0 14.652902-8.348747l20.616293-34.076516 23.853561 35.439577a17.038258 17.038258 0 0 0 14.141754 7.496833h62.700791z m34.076517-10.393337v-60.996965l17.038258 9.711807a8.519129 8.519129 0 1 0 8.178364-14.993667l-25.898153-14.141754v-25.72777a53.840896 53.840896 0 0 1 0 106.318731z m59.633903-238.535615a17.038258 17.038258 0 0 0-18.912466 13.460224s-5.28186 25.387005-12.267546 51.114774c-4.429947 15.504815-9.030277 29.476187-11.926781 38.336081a87.065499 87.065499 0 0 0-17.038258-3.237269v-53.840896a17.038258 17.038258 0 0 0-17.038258-17.038258h-69.856859l-34.076517-50.262862a17.038258 17.038258 0 0 0-14.652902-7.496833 17.038258 17.038258 0 0 0-14.141754 8.348746l-29.476187 49.410949h-289.650389a17.038258 17.038258 0 0 0-17.038258 17.038258v52.648218a87.065499 87.065499 0 0 0-18.060554 3.748417 494.109488 494.109488 0 0 1-16.015963-82.805935 17.038258 17.038258 0 0 0-15.84558-14.993667L188.273094 225.756921c15.675198-46.684827 68.153033-162.204218 207.696368-185.717014s203.607186 32.031925 204.459098 32.37269a17.038258 17.038258 0 0 0 19.76438 2.726122A132.728031 132.728031 0 0 1 733.497357 78.375988c56.7374 27.261213 89.791621 107.000262 103.59261 147.721698z"
				fill="#4C4497" p-id="3489"></path>
		</svg>
	</div>
</body>

</html>